<template>
  <div>
    <select  @change="clickEvent">
      <option 
      :selected="item.value === value "
      v-for="item in Options" 
      :key="item.value"
      :value="item.value"
      >
      {{ item.label }}
      </option>
    </select>
  </div>
</template>

<script>
export default {
  model: {
    prop: "value",
    event: "change",
  },
  props: {
    Options: Array,
    value:String
  },
  methods: {
    clickEvent(e) {
      // const Options=Array.from(e.target);
      // const v = Options.find(o => o.selected)?.value
      this.$emit("change", e.target.value);
    },
  },
};
</script>

<style>

</style>
